//定义一个半透明颜色mixin
@mixin semi-transparent-colors($color,$background){
    $percent: alpha($color) * 100%; //获取颜色透明度值，并转换成百分比
    $opaque: opacify($color,1); //使颜色不透明
    $solid-color: mix($opaque,$background,$percent);
    background-color: $solid-color; //设置不透明的颜色，为不支持rgba颜色的浏览器服务
    background-color: $color;//设置透明颜色，为支持rgba颜色的浏览器服务
}

//阴影
@mixin box-shadow($shadow...){
    -webkit-box-shadow:$shadow;
    -moz-box-shadow:$shadow;
    box-shadow:$shadow; 
}

//透明
@mixin opacity($pre:0){
	filter:alpha(opacity=$pre); 
	opacity:$pre/100;
	-moz-opacity:$pre/100;
}

//border-radius
@mixin border-radius($radius) {
    -webkit-border-radius: $radius;
    -moz-border-radius: $radius;
    -ms-border-radius: $radius;
    -o-border-radius: $radius;
    border-radius: $radius;
}

//box-sizing
@mixin box-sizing($sizing) {
     -webkit-box-sizing: $sizing;
     -moz-box-sizing: $sizing;
     -ms-box-sizing: $sizing;
     -o-box-sizing: $sizing;
     box-sizing: $sizing;
}